<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>侧边栏</title>
    <link rel="stylesheet" href="../css/aside.css">
    <link rel="stylesheet" href="../font/font_ci2t0c45xo6/iconfont.css">
</head>
<body>
    <aside>
        <div class="aside">
            <div class="aside_up">
                <ul>
                    <li class="aside_up_li">
                        <a href=""><i class="setting"></i></a>
                        <div class="status_login">
                            <div class="avatar_box">
                                <p class="avatar_imgbox">
                                    <img src="https://x.dscmall.cn/themes/ecmoban_dsc2017/images/touxiang.jpg" width="100" height="100">
                                </p>
                                <ul class="user_info">
                                    <li>用户名：暂无</li>
                                    <li>级别：暂无</li>
                                </ul>
                            </div>
                            <div class="login_btn">
                                <a href="" class="dingdan">我的订单</a>
                                <a href="" class="shoucang">我的收藏</a>
                            </div>
                            <span class="iconfont icon-triangle24"></span>
                        </div>
                    </li>
                    <li class="shopcart">
                        <a href="javascript:void(0)">
                            <i class="message"></i>
                            <div class="span">购物车</div>
                            <span class="cart_num">0</span>
                        </a>
                    </li>
                    <li class="aside_lis">
                        <a href="" class="a_l_tuubiao"><i class="chongzhi"></i></a>                        
                        <div class="myOrder">
                            <span style="font-size: 12px; cursor: pointer;">我的订单</span>
                            <span class="iconfont icon-triangle24 iconmy"></span>
                        </div>
                    </li>
                    <li class="aside_lis">
                        <a href="" class="a_l_tuubiao"><i class="yhq"></i></a>
                        <div class="myOrder">
                            <span style="font-size: 12px; cursor: pointer;">优惠券</span>
                            <span class="iconfont icon-triangle24 iconmy"></span>
                        </div>
                    </li>
                    <li class="aside_lis">
                        <a href="" class="a_l_tuubiao"><i class="view"></i></a>
                        <div class="myOrder">
                            <span style="font-size: 12px; cursor: pointer;">我的资产</span>
                            <span class="iconfont icon-triangle24 iconmy"></span>
                        </div>
                    </li>
                    <li class="aside_lis">
                        <a href="" class="a_l_tuubiao"><i class="zuji"></i></a>
                        <div class="myOrder">
                            <span style="font-size: 12px; cursor: pointer;">我的足迹</span>
                            <span class="iconfont icon-triangle24 iconmy"></span>
                        </div>
                    </li>
                    <li class="aside_lis">
                        <a href="" class="a_l_tuubiao"><i class="wdsc"></i></a>
                        <div class="myOrder">
                            <span style="font-size: 12px; cursor: pointer;">我的收藏</span>
                            <span class="iconfont icon-triangle24 iconmy"></span>
                        </div>
                    </li>
                    <li class="aside_lis">
                        <a href="" class="a_l_tuubiao"><i class="email"></i></a>
                        <div class="myOrder">
                            <span style="font-size: 12px; cursor: pointer;">邮箱订阅</span>
                            <span class="iconfont icon-triangle24 iconmy"></span>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="aside_dn">
                <ul>
                    <li class="aside_lis">
                        <a href="" class="a_l_tuubiao"><i class="kfzx"></i></a>
                        <div class="myOrder">
                            <span style="font-size: 12px; cursor: pointer;">客服中心</span>
                            <span class="iconfont icon-triangle24 iconmy"></span>
                        </div>
                    </li>
                    <li class="returnTop aside_lis">
                        <a href=""><i class="top"></i></a>
                    </li>
                </ul>
            </div>
        </div>
        
    </aside>
    <div class="aside_shop">
        <a href="javascript:void(0)" class="qx" title="关闭"></a>
        <div class="aside_shop_tit">
            <h3>购物车</h3>
        </div>
        <div class="aside_cont">
            <section class="aside_cont_up">
                <div class="kong">
                    <b></b>
                    <div class="kong_tit">
                        购物车空空的，赶快去挑选心仪的商品吧~<br>
                        <a href="">去首页看看</a>
                    </div>
                </div>
            </section>
            <section class="aside_cont_dn">
                <div class="jiesuan">
                    <span>共<span> 0 </span>件商品</span>
                    <span>￥0.00</span>
                </div>
                <a href="">去购物车结算</a>
            </section>
        </div>
    </div>
    <script src="../js/jquery-3.6.0.js"></script>
    <script src="../js/aside.js"></script>
</body>
</html>